@charset "utf-8";
/* CSS Document */
html { color:#000; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
@media screen and (min-width: 360px) {
body, html {
font-size: 15.75px;
}
}
@media screen and (min-width: 480px) {
body, html {
font-size: 21px;
}
}
@media screen and (min-width: 540px) {
body, html {
font-size: 23.625px;
}
}
@media screen and (min-width: 640px) {
body, html {
font-size: 28px;
}
}
@media screen and (min-width: 720px) {
body, html {
font-size: 31.5px;
}
}
@media screen and (min-width: 960px) {
body, html {
font-size: 42px;
}
}
@media screen and (min-width: 960px) {
body, html {
font-size: 28px;
}
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; *display:inline;*zoom:1;}
body, button, input, select, textarea { font:12px/1.5 'Microsoft Yahei', arial, sans-serif; }
input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
th { text-align:inherit; }
fieldset, img { border:0; }
iframe { display:block; }
abbr, acronym { border:0; font-variant:normal; }
del { text-decoration:line-through; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:500; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:500; }
q:before, q:after { content:''; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
a:hover { text-decoration:underline; }
ins, a { text-decoration:none; }
.fn-clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.fn-clear { zoom:1; }
body .fn-hide { display:none; }
.fn-left, .fn-right { display:inline; }
.fn-left { float:left; }
.fn-right { float:right; }
a:hover, a:active { text-decoration: none; }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }
html { background:#fefefe; }
body { margin:0 auto; }
.wrap { padding:15px 15px 30px 15px; background:#fefefe; }
.tc { text-align:center; margin-bottom:10px; }
.mr10 { margin-bottom:10px; }
.ncolor { color:#f60; }
/*按钮*/   
.ppk-btn { display: block; color:#fff; font-size: 18px; font-weight:bold; height: 40px; line-height: 40px; border: 1px solid #f47516; text-decoration: none; border-radius: 3px; text-align:center; background:#f5a431; background: -webkit-gradient(linear, left top, left bottom, from(#f5a431), to(#f57616)); background: -moz-linear-gradient(top, #f5a431, #f57616); }
.ppk-btn img { vertical-align:middle; }
.ppk-btn-hui { border: 1px solid #cccccc; color:#000; background:#fcfcfc; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e8e8e8)); background: -moz-linear-gradient(top, #fcfcfc, #e8e8e8); }
.ppk-btn-double { width:48%; }
.mob-icon { position:relative; text-indent:55px; text-align:left; }
.mob-icon:before { position:absolute; left:20px; background:url(../images/icon-phone.png) no-repeat; width:24px; height:27px; background-size:24px 27px; content:" "; display:block; top:50%; margin-top:-14px; }
.headerbox { height:50px; }
.header { height: 50px; width:100%; position:fixed; z-index:996; top:0px; left:0px; background: -moz-linear-gradient(top, #212C30, #121619); background: -webkit-gradient(linear, left top, left bottom, from(#212C30), to(#121619)); background-size: contain; font-size: 14px; font-weight: 400; color: #fff; border-bottom: 1px #fff solid; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.header h2 { text-align:center; line-height:50px; font-size:18px; font-weight:700; }
.header .callbtn { position:absolute; display:block; width:50px; height:50px; right:0px; top:0px; background:url(../images/phone.png) center center no-repeat; background-size:34px 34px; }
.header .backbtn { position:absolute; display:block; width:50px; height:50px; left:0px; top:0px; background:url(../images/back.png) center center no-repeat; background-size:25px 30px; }
.sbody { width:100%; margin:0 auto; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); background-color: #f0f0f0; }
.dytop{ width:100%;}
.dyhead { background:url(../images/head-bg.jpg); position:relative; background-size:100% 110px; width:100%; height:110px; }
.dyhead .dytitle { color: #fff; font-size: 18px; width: 12em; height: 30px; line-height: 30px; position: relative; padding:15px 0 5px 90px; z-index: 912; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dyhead .avatar { background-color: #fff; border-radius: 50%; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); display: inline-block; width: 75px; height: 75px; position:absolute; top:17px; left:5px; z-index: 912; }
.dyhead .avatar img { display: block; width: 71px; height: 71px; border-radius: 50%; position: absolute; left: 2px; top: 2px; }
.dyname { position: relative; width: 12em; padding-left:90px; color:#fff; font-size:14px; line-height:20px; z-index:912; }
.dyname p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 12em; }
.dyhead .tel_box { display:block; width:50px; height:50px; position:absolute; top:46px; right:7px; z-index:1100; }
.toptable { width:100%; height:50px; background:#f0f0f0; }
.toptable .tdlogo { padding:10px 10px 10px 10px; }
.toptable .tdlogo img { max-width:80px; max-height:30px; }
.toptable .tdtitle { padding:0 10px 10px 5px; font-size:14px; text-align:right; vertical-align:bottom; }
.topimg img { display:block; width:100%; }
.btn-nav { padding:10px 10px 0 10px; background:#f0f0f0; }
.btn-nav ul { line-height: 0; text-align: justify; }
.btn-nav ul:after { content: ""; display: inline-block; height: 0; overflow: hidden; vertical-align: top; width: 100%; }
.btn-nav ul li { display: inline-block; line-height: 22px; margin-bottom: 10px; min-height: 80px; text-align: center; vertical-align: middle; width: auto; }
.btn-nav ul li .btn_icon { width:55px; height:55px; display:block; background:url(../images/navicon.png) 0 0 no-repeat; background-size:278px 132px; }
.btn-nav ul li .btn_out { background-position:2px 0px; }
.btn-nav ul li .btn_yl { background-position:-72px 0; }
.btn-nav ul li .btn_gn { background-position:-146px 0; }
.btn-nav ul li .btn_around { background-position:-220px 0; }
.btn-nav ul li .btn_icon1 { width:55px; height:55px; display:block; background:url(../images/navicon1.png) 0 0 no-repeat; background-size:278px 132px; }
.btn-nav ul li .btn_mp { background-position:2px 0px; }
.btn-nav ul li .btn_jp { background-position:-72px 0; }
.btn-nav ul li .btn_jd { background-position:-146px 0; }
.btn-nav ul li .btn_dr { background-position:-220px 0; }
.btn-nav ul li .btn_out:active { background-position:2px -78px; }
.btn-nav ul li .btn_yl:active { background-position:-72px -78px; }
.btn-nav ul li .btn_gn:active { background-position:-146px -78px; }
.btn-nav ul li .btn_around:active { background-position:-220px -78px; }
.btn-nav ul li .word { color:#333; font-size:13px; }
.btn-navbig { padding:10px 10px 0 10px; background:#f0f0f0; }
.btn-navbig ul { line-height: 0; text-align: justify; }
.btn-navbig ul:after { content: ""; display: inline-block; height: 0; overflow: hidden; vertical-align: top; width: 100%; }
.btn-navbig ul li { display: inline-block; line-height: 22px; margin-bottom: 10px; min-height: 80px; text-align: center; vertical-align: middle; width: auto; }
.btn-navbig ul li .btn_icon { width:140px; height:64px; display:block; background:url(../images/navbigicon.png) 0 0 no-repeat; background-size:290px 64px; }
.btn-navbig ul li .btn_out { background-position:0px 0px; }
.btn-navbig ul li .btn_yl { background-position:-150px 0; }
.indexnav { background:#f0f0f0; display:table; width:100%; padding-top:10px; height:36px; }
.indexnav li { text-align:center; cursor:pointer; line-height:34px; font-size:14px; height:34px; border-bottom:2px solid #cecece; display:table-cell; width:25%; }
.indexnav li.curr { font-size:16px; color:#56aeff; border-bottom:2px solid #56aeff; }
.line-list { background:#f0f0f0; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.line-list .line-item { padding:10px 0; height:42px; border-bottom:1px solid #ccc; }
.line-list .line-item .img { width:50px; height:38px; overflow:hidden; }
.line-list .line-item .img img { width:50px; height:38px; }
.line-list .line-item .txt { padding-left:55px; }
.line-list .line-item .p1 { height: 20px; font-size:13px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.line-list .line-item .p2 { color:#999; height:20px; overflow:hidden; }
.line-list .line-item .pri { font-style:normal; margin-top:-4px; }
.line-list .line-item .pri .u { color:#f60; font-size:12px; }
.line-list .line-item .pri .n { color:#f60; font-size:16px; }
.line-search { text-align: justify; padding-top:10px; }
.line-search:after { content: ""; display: inline-block; height: 0; overflow: hidden; vertical-align: top; width: 100%; }
.line-search a { display: inline-block; border:1px solid #ccc; height:24px; line-height:24px; overflow:hidden; background:#fff; color:#424242; font-size:14px; padding:5px 0; margin: 2px 0 4px; text-align: center; width:90px; }
.p10 { padding:10px; background:#f0f0f0; }
.hot-target { border:1px solid #aaa; }
.hot-target h3 { line-height:28px; font-size:14px; background:#535353; color:#fff; text-align:center; }
.hot-target .list { border-collapse:collapse; width:100%; }
.hot-target .list td { border:1px solid #ccc; height:34px; text-align:center; width:33%; }
.hot-target .list td a { display:block; color:#333; font-size:13px; }
.searchbox { padding:0px 10px 0 10px; background:#f0f0f0; }
.searchbox .searchform { position:relative; }
.searchbox .searchform .searchtxt { padding:10px 36px 10px 5px; border:1px solid #aaa; line-height:18px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.searchbox .searchform .searchbtn { border:none; background:url(../images/searchbtn.png); position:absolute; right:0px; top:50%; margin-top:-16px; width:32px; height:32px; background-size:32px 32px; }
.searchbox .searchform .searchbtn:active { right:2px; margin-top:-14px; }
.searchtitle { line-height:38px; border-top:1px solid #ccc; height:38px; text-align:center; font-size:16px; background:#f0f0f0; }
.searchpage { position:relative; padding-bottom:10px; }
.searchpage .fliterbtn { position:absolute; top:0px; text-align:center; line-height:36px; font-size:14px; border:1px solid #ccc; display:block; right:10px; width:42px; height:36px; color:#333; background:-webkit-linear-gradient(top, #fff, #efefef); background:-moz-linear-gradient(center top, #FFFFFF, #EFEFEF); }
.searchpage .searchform { margin-right:50px; }
.searchnav { background:#f0f0f0; display:table; border-collapse:collapse; width:98%; margin:0 auto; height:36px; }
.searchnav li { text-align:center; cursor:pointer; background:#fff; color:#666; line-height:34px; font-size:14px; height:34px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #ccc; display:table-cell; width:50%; }
.searchnav li a { display: inline-block; width: 100%; color: #666; }
.searchnav li.curr { font-size:16px; background:#f60; color:#fff; }
.searchnav li.down:after { content:""; border-right: 3px solid #fff; border-top: 3px solid #fff; display: inline-block; height: 10px; margin-left: 13px; position: relative; top: -3px; -webkit-transform:rotate(135deg); transform:rotate(135deg); width: 10px; }
.searchnav li.up:after { content:""; border-left: 3px solid #fff; border-bottom: 3px solid #fff; display: inline-block; height: 10px; margin-left: 13px; position: relative; top: 4px; -webkit-transform:rotate(135deg); transform:rotate(135deg); width: 10px; }
.search-list .line-item { height:80px; }
.search-list .line-item .img { width:100px; height:75px; }
.search-list .line-item .txt { padding-left:110px; }
.search-list .line-item .p1 { height:40px; white-space:inherit; }
.pade-box { height:34px; padding: 20px 0 10px 0; font-size:14px; line-height:34px; text-align:center; background:#f0f0f0; }
.pade-box .prev { padding:0 15px; line-height:32px; display:inline-block; border:1px solid #999; color:#666; }
.pade-box .next { padding:0 15px; line-height:32px; display:inline-block; border:1px solid #999; color:#666; }
.pade-box .curr { padding:0 10px; }
.swipe { overflow: hidden; position: relative; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > div { float:left; width:100%; position: relative; }
.all-targetlist { background:#f0f0f0; }
.all-targetlist .t { padding-top:8px; }
.all-targetlist .t span { width:100%; font-size:16px; display:block; color:#333; text-align:center; line-height:34px; }
.all-targetlist h4 { font-size:14px; }
.all-targetlist .catitem { }
.catebox { border:1px solid #ccc; text-align:center; margin:0 10px 10px; border-radius:3px; overflow:hidden; }
.category_title { background: #DFDFDF; text-align:center; line-height:22px; color: #333; font-size:14px; width: 100%; }
.cat_item { position: relative; overflow: auto; border-bottom: 1px solid #dfdfdf; width: 100%; background-color: #fbfbfb; }
.cat_item>li { font-size: 14px; width: 25%; float: left; }
.cat_item>.curr { background-color: #ff7800; }
.cat_item>.curr>a { color: #fff; }
.cat_item>li>a { padding: 8px 2px; display:block; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cat_item_content { background-color: #EEEDED; clear: both; display: block; opacity: 1; transition: opacity 0.3s ease-in-out 0s; }
.cat_detail { overflow: auto; padding: 0 8px; }
.cat_divider { background-color: #C7C7C7; display: inline-block; height: 10px; width: 1px; }
.fix-ticon { position:fixed; bottom:25px; right:10px; z-index:888; display:block; width:50px; height:50px; background:url(../images/dianhuatubiao.png) no-repeat; background-size:50px 50px; transform: scale(-1, 1); -moz-transform:scale(-1, 1); -webkit-transform:scale(-1, 1); }
/* 右下悬浮按钮样式 */
.nuseropbtn { width:50px; height:54px; background:url(../images/skbuseropbtn.png) no-repeat; background-size:100px 180px; position:fixed; right:10px; bottom:30px; cursor:pointer; }
.nuseropbtn .item { display:none; width:100px; height:40px; padding-left:5px; background:url(../images/skbuseropbtn.png) no-repeat -5px -140px; background-size:100px 180px; line-height:40px; font-size:14px; color:#fff; position:absolute; transition:0.4s; -webkit-transition:0.4s; opacity:0; }
.nuseropbtn .item.item1 { top:-48px; right:12px; }
.nuseropbtn.curr .item.item1 { display: block; opacity:1; top:-48px; right:22px; }
.nuseropbtn .item.item1:before { content:" "; display:block; width:40px; height:40px; background:url(../images/skbuseropbtn.png) no-repeat -5px -53px; background-size:100px 180px; position:absolute; top:0; right:0; }
.nuseropbtn .item.item2 { top:-6px; right:48px; transition-delay:0.2s; -webkit-transition-delay:0.2s; }
.nuseropbtn.curr .item.item2 { display: block; opacity:1; top:-6px; right:58px; }
.nuseropbtn .item.item2:before { content:" "; display:block; width:40px; height:40px; background:url(../images/skbuseropbtn.png) no-repeat -54px -94px; background-size:100px 180px; position:absolute; top:0; right:0; }
.nuseropbtn .item.item3 { top:40px; right:40px; transition-delay:0.4s; -webkit-transition-delay:0.4s; }
.nuseropbtn.curr .item.item3 { opacity:1; top:40px; right:50px; }
.nuseropbtn .item.item3:before { content:" "; display:block; width:40px; height:40px; background:url(../images/skbuseropbtn.png) no-repeat -2px -96px; background-size:100px 180px; position:absolute; top:0; right:0; }
.catebox { margin-bottom:0px; }
.useropbox { padding:10px; background:#f0f0f0; }
.userop { padding: 10px 5px; font-size:14px; background:#f0f0f0; color:#666666; text-align:center; }
.userop .link { color:#09c; }
.searchform { padding-left:80px; border: 1px solid #aaa; border-radius:4px; overflow:hidden; }
.searchform .site-btn { display: block; width: 79px; height: 38px; color:#aaa; line-height: 38px; text-align:center; border-right: 1px solid #aaa; position: absolute; left: 0; }
.searchform .site-btn:after { display: inline-block; content: ""; width: 6px; height: 6px; border-bottom:2px solid #aaa; border-right:2px solid #aaa; vertical-align:text-top; margin:2px 0 0 4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
.searchbox .searchform .searchtxt { border:none; border-top-right-radius:4px; border-bottom-right-radius:4px; }
.nuseropbtn { position:fixed; bottom:20px; cursor:pointer; right:10px; width:50px; height:54px; background:url(../images/skbuseropbtn.png) no-repeat; background-size:100px 180px; z-index:10; }
.nuseropbtn .opul { display:none; position:absolute; bottom:54px; width:105px; right:0px; }
.nuseropbtn .opul li { line-height:36px; margin-bottom:10px; position:relative; color:#fff; text-indent:40px; height:40px; width:105px; background:url(../images/skbuseropbtn.png) no-repeat 20px -142px; background-size:100px 180px; }
.nuseropbtn .opul li.item1:before { content:" "; display:block; width:40px; height:40px; position:absolute; left:0px; top:0px; background:url(../images/skbuseropbtn.png) no-repeat -2px -55px; background-size:100px 180px; }
.nuseropbtn .opul li.item2:before { content:" "; display:block; width:40px; height:40px; position:absolute; left:0px; top:0px; background:url(../images/skbuseropbtn.png) no-repeat -2px -96px; background-size:100px 180px; }
.nuseropbtn .opul li a { font-size:14px; color:#fff; }
.sbody { background-color:#F0F0F0; }
.guide-share { display:none; height:40px; padding:5px 65px 5px 5px; margin:20px 0; color:#fff; background-color:#31a5f0; position:relative; }
.guide-share p { font-size:15px; line-height:20px; overflow:hidden; }
.guide-share .share-icon { width:65px; height:20px; padding:30px 0 0 0; text-align:center; font-size:12px; background:#66ccff url(../images/share-icon.png) no-repeat 20px 7px; background-size:25px 22px; position:absolute; top:0; right:0; }
.guide-mask { width:100%; height:100%; background:#000 url(../images/share-mask.png) no-repeat; background-size: 100%; opacity:.8; position:fixed; top:0; left:0; z-index:9999; }
.copyrightbox { padding: 25px 38px; font-size:16px; background:#f0f0f0; color:#666666; text-align:center; }
.copyrightbox .copyrightbtn { color:#0066cc; padding-right:15px; }
.copy_topimg { transition:1500ms; -webkit-transition:1500ms; opacity:0; height:0; overflow:hidden; transition-delay:0.5; -webkit-transition-delay:0.5s; }
